<template>
<div>
    <div id="ajax-hook"></div>
    <div class="wrap">
        <div class="wpn">
            <div class="form-data find_password">
                <h4>找回密码</h4>
                <p class="right_now">已有账号，<a href="javascript:void(0);"  @click="skiplogin()">马上登录</a></p>
                <p class="p-input pos">
                    <label for="pc_tel">手机号/邮箱</label>
                    <input type="text" id="pc_tel">
                    <span class="tel-warn pc_tel-err hide"><em>最多五个字</em><i class="icon-warn"></i></span>
                </p>
                <p class="p-input pos pc-very">
                    <label for="veri-code">输入验证码</label>
                    <input type="number" id="veri-code">
                    <a href="javascript:;" class="send">发送验证码</a>
                    <span class="time hide"><em>120</em>s</span>
                    <span class="tel-warn error hide"><em>验证码错误，请重新输入</em><i class="icon-warn"></i></span>
                </p>
                <p class="p-input pos code pc-code">
                    <label for="veri">请输入验证码</label>
                    <input type="text" id="veri">
                    <img src="">
                    <span class="tel-warn img-err hide"><em>最多五个字</em><i class="icon-warn"></i></span>
                </p>
                <button class="lang-btn next">下一步</button>
                <p class="right">Powered by © 2019</p>
            </div>
        </div>
    </div>
</div>
</template>



<script>
export default {
    methods:{
        boxcol(){
        $(".icon-ok-sign").click(function(){
            verify = $(this).hasClass('boxcol') ? 0 : 1;
            $(this).toggleClass('boxcol');
            ob = $('input[name=agree]');
            ob.val(ob.val()==0?1:0);
            ob.val(ob.val() !== verify ? verify : ob.val());

            ob.val() == 0 ? $('#errormsg').removeClass('hide').addClass('show') : $('#errormsg').removeClass('show').addClass('hide');
        });
        //输入框输入时模拟placeholder效果
        var oInput = $(".form-data input");
        oInput.focus(function () {
        $(this).siblings("label").hide();
        });
        oInput.blur(function () {
        if($(this).val()==""){
            $(this).siblings("label").show();
        }
        });
        // 输入框内容变化按钮颜色发生变化
        oInput.keyup(function () {
        if($(this).val()!="jquery.js"){
            $(".log-btn").removeClass("off")
        }else{
            $(".log-btn").addClass("off")
        }
        });
        },
        skiplogin() {
            this.$router.push({path: '/'});
        },
    },
    mounted(){
        this.boxcol();
    }

    
}
</script>


<style scoped>
    @import '../../assets/css/base.css';
    @import '../../assets/css/iconfont.css';
    @import '../../assets/css/reg.css';
</style>
 